<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
	  xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<head>
	<meta charset="utf-8">
	<title>OA密码重置</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="Access-Control-Allow-Origin" content="*">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<!--<link rel="stylesheet" type="text/css" href="${contextPath}/css/style.css" />-->
	
</head>
<body>

<style>
	
	#container{
	 display:none;
	 background:rgba(52,54,66,0.9);
 	width: 100%;
	 height: 100%;
	 z-index:3;
 	opacity:1;
 	position: fixed;
    top: 0;
    left: 0;
}
.main{
    text-align: center; /*让div内部文字居中*/
    background-color: #fff;
    border-radius: 5px;
    width: 500px;
    height: 250px;
    margin: auto;
 padding-top:2%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
table{
 margin: auto;
}
a{
 text-decoration:none;
 width:auto;
 float:right;
 padding-right:10%;
 padding-top:2px;
 
}

a:hover{
 font-weight:900;
 color:gray;
 cursor:hand;
}
input{
 text-align: right; 
     border-width: 1px;
}

td{
	text-align:left;
}
	</style>

 <div id="container" >
  
  <div class="main">
   <a href="#" class="close" onclick="iclose()" >关闭</a>
   <h3>重置密码</h3>
   
   <form action="/password/change" method="post">

	   <table>
	   <tr>
	    <td><label for="email">工作邮箱:</label></td>
	    <td>
	    <strong style="color:red;">*</strong><input class="easyui-validatebox" type="text" size="10" name="email" required="true" validType="email"></input>
	    @fengbangleasing.com
	    </td>
	   
	   </tr>
	   <tr>
	    <td><label for="subject">手机号码:</label></td>
	    <td> <strong style="color:red;">*</strong><input class="easyui-validatebox" size="45"  type="text" name="mobile" required="true"></input></td>
	   </tr>
	   
	   <tr>
	    <td></td>
	    <td colspan='2'><input type="submit" value="重置密码" onsubmit="isubmit()" ></td>
	   </tr>
	   
	   <tr>
	    <td colspan='2'><span id="msg" style="color:red">${resultMsg}</span></td>
	   </tr>
	   </table>
   
   </form>
  </div>
 </div>
 
 <script>


var alpha=1;
var timer;
function iclose(){
 document.getElementById("container").style.display="none";

 setTimeout(closeMe,500);
}

function closeMe(){
	  if (navigator.userAgent.indexOf("Firefox") != -1 || navigator.userAgent.indexOf("Chrome") !=-1) {
	        window.location.href="about:blank";
	        window.close();
	    } else {
	        window.opener = null;
	        window.open("", "_self");
	        window.close();
	    }

	//open(location.href, '_self').close();
}

function isubmit(){
 document.getElementById("msg").innerHTML="正在处理";
 setTimeout(fadeInOut(0.03),500);
 
 
 
 function fadeInOut(value){
        clearInterval(timer);
        timer=setInterval(
        function(){
              alpha-=value;
     var container = document.getElementById("container");
              container.style.opacity=alpha;
              if(alpha>=1||alpha<=0.03){
              iclose();
             }
       },20);
        return true;
 }
}
</script>
</body>

<!--<script src="../js/pass.js"></script>-->

</html>